@tailwind base;
@tailwind components;
@tailwind utilities;

/* # extra 内容 */
:root {
  --border-color: #c2c8d1;
  --primary-color: #13ce66;
}

/* pc 宽度大于1200px */
@media screen and (min-width: 1200px) {
  html {
    font-size: 16px;
  }
}

/* 平板 小于1199 大于501px*/
@media screen and (max-width: 1199px) and (min-width: 501px) {
  html {
    font-size: 12px;
  }
}

/* 手机 最大500px*/
@media screen and (max-width: 500px) {
  html {
    font-size: 10px;
  }
}

.border-solid {
  border: 1px solid var(--border-color);
}

.border-radius {
  border-radius: 20px;
}

.border-right {
  border: 1px solid var(--border-color);
}
@main-background-color: #101113;
